
<div class="init-width">
    <transition name="moves">
        <div v-show="addFlag" class="add-info operate-way">
            <div class="title-info">
                <h4 class="app-title">
                    <span @click="hide"><i class="icon-left back"></i></span>
                    {{group.name}}
                </h4>
                <span v-show="!group.is_user" @click="save" class="right-top save-info"><i class="icon-checkmark-round"></i></span>
            </div>
            <div class="selected-radio flex flex-ac flex-jcb">
                <div>{{$t('selectDevice')}}({{selected}}/{{total}})</div>
                <div @click="selectAllDevice($event)" class="select-small-radio flex flex-ac flex-jce"><span class="span-radio"
                           :class="{'active': (selected == total && deviceList.length != 0)}"><span></span></span></div>
            </div>
            <div class="content-info flex-wrapper no-padding-bottom" :id="editDeviceId">
                <div class="input-info">
                    <i class="icon-search"></i>
                    <input v-model="searchDeviceName" type="search" class="form-control" :placeholder="$t('search')">
                </div>
                <div class="overflow-touch overflow-wrapper">
                    <div @click="selectMac(item.iotId)" v-for="item in infoList" class="item">
                        <div class="item-icon-circle">
                            <i class="icon-light"></i>
                        </div>
                        <div class="item-name up-date padding-left-10">
                            <span>{{item.deviceName}}</span>
                            <span class="desc">{{getAliStatus(item.status)}}</span>
                        </div>
                        <div class="item-power-small">
                        <span :data-value="item.iotId"
                              class="span-radio" :class="{'active': isSelected(item.iotId)}"><span></span></span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </transition>
    <!--<v-operateDevice :device="deviceInfo" ref="operate"></v-operateDevice>-->
</div>